<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../js/jquery.min.js"></script>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        li{
            list-style: none;
        }
        #fixNav{
            position: fixed;
            right: 10px;
            bottom: 50px;
            background-color: #cccccc;
            color: white;
            padding: 10px;
        }
        #fixNav li{
            cursor: pointer;
        }
        h1{
            text-align: center;
        }
        p{
            text-indent: 2em;
            margin-bottom: 10px;
        }
        a{
            color: #111111;
        }
        img{
            display: block;
            width: 60%;
            margin: 10px auto;
        }
    </style>
</head>
<body>
<h1>内容管理帮助指南</h1>
<p>内容管理的中的每一项都对应一个H5页面，每个H5页面显示内容的排版都不一样，因此内容管理设置的时候会有点麻烦。每个内容管理编辑的模块内容都是固定的，如果需要添加其他子模块，请联系开发者。</p>
<p>每个H5页面都有一个轮播图片，分别点击每个内容管理页面，可以看到“轮播图”按钮，点击就可以添加或编辑H5页面显示的轮播图。</p>
<h4>首页需要设置的内容包括：“专业价值”、“学校优势”、“名师保驾”、“学员就业”、“校园环境”和“在线解答”6个子模块。</h4>
<img src="img/indexContent.png" alt="">
<p>“专业价值”子模块可以编辑模块名称，模块介绍。模块内容需要填写专业名称和专业图片。专业图片建议使用正方形图片。</p>
<p>“学校优势”子模块可以编辑模块名称，模块介绍。模块内容采用的富文本编辑器，可以任意设置文字的大小，颜色等。建议直接修改原有的文字，不要改变原有的样式，否则影响H5页面效果。</p>
<p>“名师保驾”子模块可以编辑模块名称，模块介绍。模块内容需要填写老师名称和老师图片及老师介绍，老师介绍的文字不宜过长，少于60字。</p>
<p>“学员就业”子模块可以编辑模块名称，模块介绍。模块内容需要填写学员名称和学员图片及学员介绍，介绍的文字不宜过长，少于60字。</p>
<p>“校园环境”子模块可以编辑模块名称，模块介绍。模块内容可以上传多张照片，照片数量建议是偶数个。</p>
<p>“在线解答”子模块可以编辑模块名称，模块介绍。模块内容只需要填写咨询的问题即可，问题数量建议是偶数个。</p>
<hr>
<h4>“简介”需要设置的内容包括：“学校介绍”、“学校荣誉”、“办学目标”、“办学宗旨”、“办学特色”5个子模块。</h4>
<img src="img/jianjieContent.png" alt="">
<p>“学校介绍”子模块可以编辑模块名称，模块介绍。模块内容采用的富文本编辑器，可以任意设置文字的大小，颜色等。</p>
<p>“学校荣誉”子模块可以编辑模块名称，模块介绍。模块内容只能显示一条，不能另外新增内容。模块内容采用的富文本编辑器，可以任意设置文字的大小，颜色等。</p>
<p>“办学目标”子模块可以编辑模块名称，模块介绍。模块内容可以上传多张照片，照片数量建议是3张、6张或9张。</p>
<p>“办学宗旨”子模块可以编辑模块名称，模块介绍。模块内容可以上传4张照片。</p>
<p>“办学特色”子模块可以编辑模块名称，模块介绍。模块内容可以填写特色，配图，及特色描述，数量不限。</p>
<hr>
<h4>“就业”需要设置的内容包括：“就业服务概要”、“就业团队”、“就业数据”、“就业特色”、“就业服务”5个子模块。</h4>
<img src="img/jiuyeContent.png" alt="">
<p>“就业服务概要”子模块可以编辑模块名称，模块介绍。模块内容采用的富文本编辑器，可以任意设置文字的大小，颜色等。</p>
<p>“就业团队”子模块可以编辑模块名称，模块介绍。模块内容可以填写就业团队名称，配图，及就业团队介绍，数量不限。</p>
<p>“就业数据”子模块可以编辑模块名称，模块介绍。模块内容可以上传2张照片。</p>
<p>“就业特色”子模块可以编辑模块名称，模块介绍。模块内容可以填写就业特色，及就业特色介绍，数量不限。</p>
<p>“就业服务”子模块可以编辑模块名称，模块介绍。模块内容可以上传配图，及就业服务介绍，数量不限。</p>
<hr>
<h4>“环境”需要设置的内容只有一个“校园环境”子模块。模块内容可以填写图片标题，配图即可，数量不少于4张。</h4>
<img src="img/huanjingContent.png" alt="">
<hr>
<h4>“师资”内容可以任意添加多个子模块。</h4>
<img src="img/teacherContent.png" alt="">
    <p>“师资介绍”子模块可以编辑模块名称。模块内容只能显示一条，不能另外新增内容，只需要填写介绍内容即可。</p>
    <p>其他新增的子模块需要填写模块名称。新增的内容中“标题”是指老师名称，“图片”是指老师照片，“描述”是指老师的介绍。内容的个数不限。</p>
<img src="img/addmokuai.png" alt="">
<hr>
<h4>“问答”内容可以任意添加、编辑问题和答案。</h4>
<img src="img/wenda.png" alt="">
<div id="fixNav">
    <ul>
        <li data-show="help1">关键配置</li>
        <li data-show="help2" style="color: #00b7ee;">内容管理</li>
        <li data-show="help3">专业管理</li>
        <li data-show="help4">新闻咨询管理</li>
        <li data-show="help5">网络接待老师</li>
        <li data-show="help6">权限设定</li>
    </ul>
</div>
</body>
<script>

    $("#fixNav li").click(function () {
        let s = $(this).attr("data-show");
        location.href = s+".html";
    })
</script>
</html>